/**主体内容**/
body { background:url(/default/images/personal/login_bg.jpg) center center no-repeat; width: 100%;  float: left }
html{height:100%;}
/**个人会员注册信息**/
.content{ width: 100%; float: left;}
.content .login{ width: 754px; margin: 0 auto;}
/*弹性运动*/
.content .login .logRel{ width: 754px; position: relative}
.content .login .logRel .logPos{ width: 754px; position: absolute; left: 0; top:-550px; overflow: hidden}

.content .login .logInfo{ width:754px ;float: left;}
.content .login .logInfo .logoTop{ width: 100%; height: 159px; float: left;background:url(/default/images/personal/login_top.png) center center no-repeat;  }
.content .login .logInfo .logoTop .logo{ width: 224px; float: left; height: 46px; margin-top:106px; margin-left: 25px;}
.content .login .logInfo .logoTop .logo a{ display: block; width: 184px; height: 46px;}
.content .login .logInfo .logoTop .logo img{height: 46px;}
/**登录方式**/
.content .login .logInfo .logWay{ width: 744px; float: left; border: 5px solid #E7E7E7; border-top: none;
        border-bottom-left-radius:5px; border-bottom-right-radius:5px;background: #fff; box-shadow: 1px  1px 3px #F2F1EF;}
.content .login .logInfo .logWay .wLeft{width:440px; float: left;}
.content .login .logInfo .logWay .wLeft .ordinary{width: 100%; float: left}
.content .login .logInfo .logWay .wLeft .ordinary ul{ width: 100%; float: left}
.content .login .logInfo .logWay .wLeft .ordinary li{ width: 218px; font-size: 15px; height:50px; line-height: 50px;  float: left;
        border-right: 2px solid #F2F2F2;border-bottom: 2px solid #F2F2F2; }
.content .login .logInfo .logWay .wLeft .ordinary li a{float: left; display: block;width: 218px;  height:50px; line-height: 50px; color: #646464}
.content .login .logInfo .logWay .wLeft .ordinary li a:hover{ text-decoration: none;}
.content .login .logInfo .logWay .wLeft .ordinary li a i{ width: 17px; height: 16px;float: left; margin-top: 17px; padding-right:10px; margin-left: 45px;
        background:url(/default/images/personal/login_icon.png) 0px 0px  no-repeat;}

.content .login .logInfo .logWay .wLeft .ordinary li.active{border-bottom: 2px solid #fff;}
.content .login .logInfo .logWay .wLeft .ordinary li.active a{ color: #F0504D}
.content .login .logInfo .logWay .wLeft .ordinary li.active a i{ background-position:  -30px 0px;}
.content .login .logInfo .logWay .wLeft .ordinary li.active i.mobile{background-position: -28px -26px;}
.content .login .logInfo .logWay .wLeft .ordinary li i.mobile{ background-position:  2px -26px; }


.content .login .logInfo .logWay .wLeft .lCon{ width:300px; float: left; border-right:  2px solid #F2F2F2; padding:10px 78px 40px 60px;   }
.content .login .logInfo .logWay .wLeft .lCon dl{ width: 100%;  float: left; margin-top:15px ; }
.content .login .logInfo .logWay .wLeft .lCon dt{ width: 298px; height: 42px; float: left;color: #444; border: 1px solid #F2F2F2; margin-bottom: 3px;}
.content .login .logInfo .logWay .wLeft .lCon dt input.inpText{ width: 278px; height: 42px; line-height: 42px;background: #fafafa;font-size: 15px; padding: 0 10px; border: none;}
.content .login .logInfo .logWay .wLeft .lCon dt input.code{ width: 120px;}
.content .login .logInfo .logWay .wLeft .lCon .getcode img { margin-top: 5px; cursor: pointer}


.content .login .logInfo .logWay .wLeft .lCon dd .agree{ width: 16px; height: 16px; float: left; margin-top:2px; font-size: 14px; }
.content .login .logInfo .logWay .wLeft .lCon dd label{ float: left; color:#646464; margin-left: 3px; line-height:20px; height: 20px;}
.content .login .logInfo .logWay .wLeft .lCon dd .forgetPass{ float: right; line-height:20px; height: 20px; font-size: 14px;}
.content .login .logInfo .logWay .wLeft .lCon dd .forgetPass a{ color:#007BC5}
.content .login .logInfo .logWay .wLeft .lCon dd .forgetPass a:hover{ text-decoration: underline}

.content .login .logInfo .logWay .wLeft .lCon dt input.sub{ background: #F0504E; font-size: 18px; color: #fff; height: 44px; width: 100%; border: none;font-family: "微软雅黑";
        text-align: center; line-height: 44px; cursor: pointer; border-radius: 5px;}
.content .login .logInfo .logWay .wLeft .lCon dt input.sub:hover{ background: #f85659}

.content .login .logInfo .logWay .wLeft .lCon dd .mobcode{width:130px;background:#465364;text-align: center; height: 36px; float: left;
        line-height: 36px; cursor: pointer; color: #fff; font-size: 14px; border: none; outline: none; margin-left:8px; margin-top: 4px; }

.content .login .logInfo .logWay .wLeft .lCon dd{ width:300px; float: left; line-height: 20px; color: #EA6A00}
.content .login .logInfo .logWay .wLeft .lCon dd .error{ float: left; padding-left:20px; background: url(/default/images/icon/icon1.png) 0px -99px  no-repeat;width:280px;}
.content .login .logInfo .logWay .wLeft .lCon dd .success{  padding-left:20px; background: url(/default/images/icon/icon1.png) 0px -129px  no-repeat;width:280px; color: #7EB746}
.content .login .logInfo .logWay .wLeft .lCon dd .tip{ float: left; padding-left:20px; background: url(/default/images/icon/icon1.png) 0px -159px  no-repeat;width:280px; color: #65A7AF}

.content .login .logInfo .logWay .wLeft .lCon .noPerson{ padding-left:40px; width:260px;  float: left; margin-top:25px; font-size: 15px;}
.content .login .logInfo .logWay .wLeft .lCon .noPerson span{ color: #646464; font-size: 15px; height: 24px; line-height: 24px; float: left; text-align: center}
.content .login .logInfo .logWay .wLeft .lCon .noPerson a{color: #007BC5; float: left;height: 24px; line-height: 24px; padding: 0 5px;}
.content .login .logInfo .logWay .wLeft .lCon .noPerson a i{background: url(/default/images/personal/login_icon.png) -68px 4px no-repeat; width:30px; height: 30px;
        float: right; margin-left:3px;   }


/**登录方式右边**/
.content .login .logInfo .logWay .wRight{width:304px; float: left; padding-top: 70px;}
.content .login .logInfo .logWay .wRight .qrcode{ width: 100%; float: left;}
.content .login .logInfo .logWay .wRight .qrcode .qTitle{ width: 100%; height: 24px; float: left; line-height: 24px; font-size: 13px;color: #7F7F7F; text-align: center}
.content .login .logInfo .logWay .wRight .qrcode .code{ width: 100%; float: left; margin-top: 2px; height: 114px;}
.content .login .logInfo .logWay .wRight .qrcode .code img{ display: block; margin: 0 auto; height: 114px; width: 114px}

.content .login .logInfo .logWay .wRight .chLogin{ width: 172px; float: left; padding: 0 66px;margin-top: 20px;}
.content .login .logInfo .logWay .wRight  dl{ width: 100%; float: left; }
.content .login .logInfo .logWay .wRight  dt{ width: 100%; float: left; color: #A3A3A3; height: 30px; line-height: 30px;text-align: center; font-size: 15px;}
.content .login .logInfo .logWay .wRight  dd{ width: 46px; height: 46px; float: left; margin-top: 10px; margin-left: 30px; }
.content .login .logInfo .logWay .wRight  dd.weixin{ margin-left: 20px;}
.content .login .logInfo .logWay .wRight  dd a{ float: left; display: block; }
.content .login .logInfo .logWay .wRight  dd a i{background:url(/default/images/personal/login_icon.png)   no-repeat; width: 46px; height: 46px; float: left}
.content .login .logInfo .logWay .wRight  dd a i.qq_icon{ background-position:0 -174px }
.content .login .logInfo .logWay .wRight  dd a i.qq_icon:hover{ background-position:-60px -173px }
.content .login .logInfo .logWay .wRight  dd a i.wexin_icon{background-position:0 -123px;}
.content .login .logInfo .logWay .wRight  dd a i.wexin_icon:hover{background-position:-60px -122px;}

/**获取手机验证码**/
.addCode{ float: left; margin-top: 0px; padding: 0;}
.addCode .code { width: 120px; height: 28px; border: 1px solid #dfdfdf; float: left; line-height: 28px; outline: none; padding: 0 3px;}
.addCode span { float: left; margin-right: 5px; height: 30px; line-height: 30px;}
.addCode img{ cursor: pointer; width: 90px;}
.addCode .change {  width:70px; font-size: 15px; text-align: center}
.addCode .change a{color: #4898d5;}
.addCode .codeErr{ float: left; margin-top: 10px; width: 100%; height: 30px; line-height: 30px; font-size: 14px; font-family: "微软雅黑"; color: #EA6A00;}

.layui-layer-btn{ padding: 0px; margin: 0}









